<template>
    <div class="ziliao">
        <div class="daoh">
            <p class="Fh" @click="fh" > 
                <van-icon   name="friends-o" size="38" /> 返回</p>
            <p class="Gr">个人资料</p>
        </div>
        <div class="lb">
            <van-cell is-link title="达瓦" @click="show = true" />
            <van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
        </div>

    </div>
</template>
<script>
export default {
        data() {
        return {
        show: false,
        actions: [{ name: '从手机相册选择' }, { name: '拍照' }],
        };
    },
    methods:{
    fh(){
        self.location.href="/center"
    }
    },
    onSelect(item) {
      // 默认情况下点击选项时不会自动收起
      // 可以通过 close-on-click-action 属性开启自动收起
        this.show = false;
        Toast(item.name);
    },
  
}
</script>
<style scoped>
    .lb{
        margin-top: 3vh;
    }
    .daoh{
        height: 10vh;
        background: rgb(48, 130, 236);
        margin-top: -3vh;
    }
    .Gr{
        margin-top: -4vh;
        color: rgb(255, 255, 255);
        background: rgb(48, 130, 236);
        font-size: 3vh;
    }
    .Fh{
        color: rgb(255, 255, 255);
        margin-right: 47vh;
        font-size: 3vh;
    }
</style>